<template>
	<view class="mechanism">
		<view class="title">机构信息</view>
		<view class="item">
			<view class="set-item">
				<view class="set-item-label"><text>机构名称</text></view>
				<view class="set-item-value">
					<text>{{ propsData.baseData.organname }}</text>
				</view>
			</view>
			<view class="set-item">
				<view class="set-item-label"><text>营业执照号</text></view>
				<view class="set-item-value">
					<text>{{ propsData.baseData.licence_number }}</text>
				</view>
			</view>
			<!-- 			<view class="set-item">
				<view class="set-item-label"><text>营业执照号</text></view>
				<view class="set-item-value"><text>{{propsData.baseData.organname}}</text></view>
			</view> -->
		</view>
		<view class="item">
			<view class="set-item set-item-list">
				<view class="set-item-label"><text>营业执照影印件</text></view>
				<view class="imglist"><img class="image" :src="propsData.baseData.licence_pic" mode="aspectFill" /></view>
			</view>
		</view>
		<view class="title">运营者信息</view>
		<view class="item">
			<view class="set-item">
				<view class="set-item-label"><text>姓名</text></view>
				<view class="set-item-value">
					<text>{{ propsData.baseData.uname }}</text>
				</view>
			</view>
			<view class="set-item">
				<view class="set-item-label"><text>手机号</text></view>
				<view class="set-item-value">
					<text>{{ propsData.baseData.mobile }}</text>
				</view>
			</view>
			<view class="set-item">
				<view class="set-item-label"><text>身份证</text></view>
				<view class="set-item-value">
					<text>{{ propsData.baseData.Idcard }}</text>
				</view>
			</view>
		</view>
	</view>
	<view class="next-ft"><button class="btn" @click="nextSteps">下一步</button></view>
</template>

<script setup>
import { reactive } from 'vue';

const propsData = defineProps({
	baseData: Object
});
const emits = defineEmits(['mechanismMsgCallback']);
const mechanismData = reactive({});
function nextSteps() {
	emits('mechanismMsgCallback', 1);
}
</script>
<style scoped lang="scss">
@import '@/subpages/common/css/set.scss';
.mechanism {
	padding-bottom: 200rpx;
	.item {
		margin: 28rpx;
		border-radius: 16rpx;
		overflow: hidden;
		background-color: #fff;
		.set-item-value {
			color: #666;
		}
		.set-item-list {
			display: block;
			.set-item-label {
				padding-bottom: 30rpx;
				border-bottom: 1px solid #ececec;
			}
			.imglist {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 36rpx;
				.image {
					display: block;
					width: 194rpx;
					height: 134rpx;
					border-radius: 6rpx;
					border: 1px solid #ececec;
				}
			}
		}
	}
	.title {
		margin: 28rpx;
		font-size: 36rpx;
	}
}
</style>
